<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>选择服务区</title>
<style type="text/css">
ul,li,h3{margin:0px; padding:0px; list-style:none;}
.xuanqu{width:438px; background:url(images/xuanqu_bg.jpg) 0 0 repeat-y; font-size:12px; }
.xuanqu_top{width:438px;}
.xuanqu_con{margin:13px 11px 0px 11px; width:416px; color:#FFFFFF;}
.xuanqu_service{margin:0px; overflow:hidden;}
.xuanqu_service li{float:left; margin-right:2px; background:url(images/xuanqu_service_bg.jpg) 0 0 no-repeat; width:81px; height:32px; line-height:34px; text-align:center; display:block;} 
.xuanqu_service a:link,.xuanqu_service a:visited{color:#ffff00; text-decoration:none}
.xuanqu_xinkai{text-align:center; width:416px; height:auto !important; min-height:120px; height:120px; margin-bottom:10px;}
.xuanqu_xinkai h3{color:#FFFFFF; margin:10px 0px; font-weight:bold;}
.xuanqu_xinkai_con{width:416px; margin:0px;}
.xuanqu_xinkai_new{width:157px; height:22px; float:left; background:url(images/game_login_ban_new.jpg) 0 0 no-repeat; line-height:22px; text-align:left; padding-left:30px; margin-left:10px; margin-bottom:10px;}
.xuanqu_xinkai_ban{width:157px; height:22px; float:left; background:url(images/game_login_ban.jpg) 0 0 no-repeat; line-height:22px; padding-left:30px; text-align:left; float:left; margin-left:10px; margin-bottom:10px;} 
.xuanqu_qingkuan{width:390px; height:25px; border:1px solid #FFFFFF; background-color:#000000; line-height:25px; overflow:hidden; padding:0px 10px;}
.xuanqu_qingkuan li{float:left; margin-left:30px;}
.zhengchang{background:url(images/zhengchang.gif) 0 3px no-repeat; padding-left:25px; color:#e5d9c1;}
.weihu{background:url(images/weihu.gif) 0 3px no-repeat; padding-left:25px; color:#e5d9c1;}
.xin{background:url(images/xin.gif) 0 3px no-repeat; padding-left:25px; color:#b8a074;}
.xuanqu_btm{width:438px; margin:0px;}
.diji{color:#ff0000; font-weight:bold;}
.zaixian{color:#ffff00;}
.jian{color:#ffff00; margin-left:5px;}
</style>
</head>

<body>
<div class="xuanqu">
	<div class="xuanqu_top"><img src="images/xuanqu_top.jpg" /></div>
		<div class="xuanqu_con">
			<div class="xuanqu_service">
				<ul>
					<li><a href="#">新开区</a></li><li><a href="#">电信区</a></li><li><a href="#">网通区</a></li><li><a href="#">双线区</a></li><li><a href="#">平安区</a></li>
				</ul>
			</div>
			<div class="xuanqu_xinkai">
				<h3><img src="images/xinkaiqu.gif" /></h3>
				<div class="xuanqu_xinkai_con">
					<!--如果不是新开区就用xuanqu_xinkai_new-->
					<div class="xuanqu_xinkai_new"><span class="diji">双线十五区</span><span class="zaixian">在线 6222 人</span><span class="jian">荐</span></div>
					<div class="xuanqu_xinkai_new"><span class="diji">双线十四区</span><span class="zaixian">在线 8956 人</span><span class="jian">荐</span></div>
					<div class="xuanqu_xinkai_new"><span class="diji">平安夜一区</span><span class="zaixian">在线 6464 人</span><span class="jian">荐</span></div>
				</div>
			</div>
			<div class="xuanqu_qingkuan">
				<ul>
					<li class="zhengchang ">服务器开启</li>
					<li class="weihu">服务器维护</li>
					<li class="xin">新开服务器</li>
				</ul>
			</div>
		</div>
	<div class="xuanqu_btm"><img src="images/xuanqu_btm.jpg" /></div>
</div>
</body>
</html>
